<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小机广告iOS内测版</title>
	</head>
	<body>
		<div class="mainView">
			<div class="appicon">
				<img src="img/icon-60@3x.png" />
			</div>

			<div class="info">
				<div class="title-info">
					<img src="img/zu.png" />
					<label style="margin-left: 20px;">小机广告iOS</label>
					<label id="bate">内测版</label>
				</div>
				<br>
				<label>版本：1.0 / 大小: 2.1MB /更新时间：2019-11-19 10:24:33 </label>

			</div>
			
			<div class="download">
				<img src="img/qrcodeimg.png"/>
				<br>
				<a id="clickMe" href="itms-services:///?action=download-manifest&url=https://www.codejing.com.gitee.io/adhoc/iOS/app/manifest.plist">点击下载</a>
			</div>

		</div>

	</body>
</html>


<style>
	.mainView {
		width: 100%;
		height: 100%;
		display: block;
		text-align: center;
		margin: 0 auto;
	}

	.appicon {
		width: 200px;
		height: 200px;
		margin: 0 auto;
	}

	.appicon img {
		border: 1px solid grey;
		border-radius: 15px;
	}


	.info {
		height: 10vh;
		margin: 4vh auto;
		text-align: center;
		font-size: 3vw;
	}



	.title-info {
		display: flex;
		text-align: center;
		transform: translateX(30vw);
		width: 100%;
		height: 48px;
		margin: 0 auto;
		text-align: center;
	}

	#bate {
		margin-left: 20px;
		background-color: crimson;
		width: 120px;
		color: white;
		border-radius: 10px;
	}

	.download{
		display: block;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	
	.download img{
		width: 280px;
		height: 280px;
	}
	
	#clickMe {
		display: inline-block;
		text-align: center;
		margin-top: 40px;
		background-color: red;
		width: 30vw;
		line-height: 50px;
		border-radius: 30px;
		color: white;
	}
</style>
